<!DOCTYPE html>
<html lang="zh-CN">
<link rel="stylesheet" href="{{asset('/orange/css/public.css')}}">
<link rel="stylesheet" href="{{asset('/orange/css/layouts/common.css')}}">
<link rel="stylesheet" href="{{asset('/orange/css/index/mobileHelp.css')}}">
<head>
    <meta charset="UTF-8">
    <title>{{Site::get('webname')}}手机版</title>
</head>
<body>
@include('orange.layouts.header')
<div class="mobileTop">
    <div class="wrapper">
        <div class="logo"><a href="{{url('/')}}"><img src="/orange/images/logo/logo.png" alt=""></a></div>
        <ul class="switchNav" id="switchNav">
            <li class="active"><span>ios版</span><i class="vline"></i></li>
            <li><span>android版</span><i class="vline"></i></li>
            <li><span>触屏版</span><i class="vline"></i></li>
            <li><span>微信版</span></li>
        </ul>
    </div>
</div>
<div class="switchItems">
    {{-- iphone --}}
    <div class="iphone selected">
        <div class="wrapper">
            <div class="describe">
                <p class="p1">随时随地发现更多高薪好工作</p>
                <p class="p2">掌握行业最新动向</p>
            </div>
            <a class="download" href="javascript:void(0)">ios版 下载</a>
            <div class="code">
                <span><img src="{{asset('/default/images/logo/code_ios.png')}}" width="140" height="140" alt="ios版下载二维码"></span>
                <p>扫一扫下载ios版</p>
            </div>
        </div>
    </div>
    {{-- 安卓 --}}
    <div class="android">
        <div class="wrapper">
            <div class="describe">
                <p class="p1">随时随地发现更多高薪好工作</p>
                <p class="p2">掌握行业最新动向</p>
            </div>
            <a class="download" href="javascript:void(0)">android版 下载</a>
            <div class="code">
                <span><img src="{{asset('/default/images/logo/code_android.png')}}" width="140" height="140"  alt="安卓版下载二维码"></span>
                <p>扫一扫下载android版</p>
            </div>
        </div>
    </div>
    {{-- 触屏 --}}
    <div class="html5">
        <div class="wrapper">
            <div class="describe">
                <p class="p1">随时随地发现更多高薪好工作</p>
                <p class="p2">掌握行业最新动向</p>
            </div>
            <div class="code">
                <span><img src="{{asset('/default/images/logo/code_html5.png')}}" width="140" height="140"  alt="安卓版下载二维码"></span>
                <p class="p2">扫码或者输入一下网址登陆</p>
            </div>
            <div class="website">m.zlczm.com</div>
        </div>
    </div>
    {{-- 微信 --}}
    <div class="weixin">
        <div class="wrapper">
            <div class="describe">
                <p class="p1">随时随地发现更多高薪好工作</p>
                <p class="p2">掌握行业最新动向</p>
            </div>
            <div class="code">
                <span><img src="{{asset('/default/images/logo/code_weixin.png')}}" width="140" height="140"  alt="安卓版下载二维码"></span>
                <p class="p2">扫一扫关注微信公众号</p>
            </div>
            <div class="website">查找公众号：一网人才</div>
        </div>
    </div>
</div>
<div class="cont">
    <div class="box1">
        <div class="wrapper">
            <div class="describe">
                <i class="hline"></i>
                <p class="p1">海量优质岗位任你挑</p>
                <p class="p2">支持多种搜索选项，为你锁定理想职位</p>
            </div>
        </div>
    </div>
    <div class="box2">
        <div class="wrapper">
            <div class="describe">
                <i class="hline"></i>
                <p class="p1">地图查找周边好工作</p>
                <p class="p2">根据您当前位置筛选出相关职位，不错过身边任何机会！</p>
            </div>
        </div>
    </div>
    <div class="box3">
        <div class="wrapper">
            <div class="describe">
                <p class="p1">行业资讯随时更新</p>
                <p class="p2">职场资讯想看就看，充分利用碎片时间为职场充电</p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="{{asset('/default/js/jquery.js')}}"></script>
<script type="text/javascript" src="{{asset('/orange/js/public.js')}}"></script>
<script type="text/javascript" src="{{asset('/vendor/org/layer/layer.js')}}"></script>
<script type="text/javascript" src="{{asset('/orange/js/head.js')}}"></script>
<script type="text/javascript">
    $(function(){
        var hrefStr = window.location.href;
        if(hrefStr.indexOf('weixin') > 0){
            $('#switchNav li').removeClass('active').eq(3).addClass('active');
            $('.switchItems').children('.selected').removeClass('selected').hide();
            $('.switchItems').children().eq(3).addClass('selected').slideDown(500);
        }
        $('#switchNav li').on('click','span',function(){
            var index = $(this).parent().index();
            $(this).parent().addClass('active').siblings('.active').removeClass('active');
            $('.switchItems').children('.selected').removeClass('selected').hide();
            $('.switchItems').children().eq(index).addClass('selected').slideDown(500);
        });
    });
</script>
</body>
</html>